@import "less.less";
body,html{
    .padding-top(80);
}
.header{
    width: 100%;
    .padding-top(32);
    .padding-bottom(32);
    position:fixed;
    top: 0;
    left: 0;
    background:#FFF;
    display:flex;
    justify-content:center;
    .font-size(34);
    .margin-bottom(1);
    .right{
        position:absolute;
        .right(20);
        .top(25);
        .width(50);
    }
}
.shopping_list{
    width: 100%;
    display:flex;
    justify-content:center;
    align-items:Center;
    flex-direction:column;
    background:#FFF;
    .shopping_img{
        .padding-top(70);
        .padding-bottom(30);
        .width(230);
    }
    i{
        .font-size(28);
    }
    span{
        display: block;
        .margin-top(56);
        .margin-bottom(50);
        .padding-top(26);
        .padding-bottom(26);
        .padding-left(26);
        .padding-right(26);
        .padding-left(115);
        .padding-right(115);
        border: 1px solid #fa184d;
        color:#fa184d;
        .font-size(32);
    }
}
.main{
    .margin-top(15);
    background:#FFF;
    display: flex;
    justify-content:space-around;
    flex-wrap:wrap;
    .margin-bottom(110);
    h5{
        width: 95%;
        .padding-top(26);
        .padding-bottom(26);
        .font-size(30);
    }
    .dll{
        width: 95%;
        display: flex;
        justify-content:space-around;
        flex-wrap:wrap;
        dl{
            width: 47%;
            .font-size(26);
            .padding-top(15);
            img{
                width: 100%;
            }
            dd{
                display: flex;
                justify-content:space-between;
                .padding-top(15);
                .line-height(35);
                span{
                    .font-size(24);
                    color:#f9043e;
                }
                i{
                    .font-size(20);
                }
            }
        }
    }
}